<template>
  <div>
    <div id="app">
      <div id="container">
        <div class="row row-placeTop row-bg">
          <div class="wrapper">
            <div class="extra">
              <div class="action">
                <a
                  href="javascript:void(0)"
                  _iswg="0"
                  _mddid="14674"
                  data-act="want_go"
                  class="btn-collect"
                  >收藏</a
                >
                <a
                  href="javascript:void(0)"
                  _ispa="0"
                  _mddid="14674"
                  data-act="set_path"
                  class="btn-been"
                  ><i class="icon"></i>去过</a
                >
              </div>
            </div>
            <div class="crumb">
              <div class="item">
                <a href="javascript:;">目的地</a><em>&gt;</em>
              </div>
              <div class="item">
                <a href="javascript:;">中国</a><em>&gt;</em>
              </div>
              <div class="item">
                <a href="javascript:;">安徽</a><em>&gt;</em>
              </div>
              <div class="item">
                <div class="drop">
                  <span class="hd"
                    ><a href="javascript:;">马鞍山<i></i></a
                  ></span>
                  <div class="bd">
                    <i class="arrow"><b></b></i>
                    <div class="col">
                      <ul class="clearfix">
                        <li>
                          <a href="JavaScript:;" target="_blank">马鞍山概括</a>
                        </li>
                        <li>
                          <a
                            href="./destination_detail.html?id=5e2ab4f48847000059006f11#travel"
                            target="_blank"
                            >马鞍山游记</a
                          >
                        </li>
                        <li>
                          <a
                            href="./destination_detail.html?id=5e2ab4f48847000059006f11#strategy"
                            target="_blank"
                            >马鞍山攻略</a
                          >
                        </li>
                        <li>
                          <a href="javascript:;" target="_blank"
                            >马鞍山跟团游</a
                          >
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
                <em>&gt;</em>
              </div>
              <div class="item cur"><strong>马鞍山概览</strong></div>
            </div>
            <div class="title" style="position: relative">
              <h1>马鞍山</h1>
              <a href="javascript:;" target="_blank" class="num-photo"></a>
              <br />
              <span class="en">Ma'anshan</span>
              <div style="position: absolute; top: 3px; right: 220px">
                <img
                  src="../assets/images/wKgED1v-df2Ab5KFAAFioLPYatQ535.png"
                  style="width: 390px"
                />
              </div>
            </div>
            <div class="place-navbar" style="border-top: 0px">
              <div class="navbar-con">
                <ul class="navbar clearfix navbar-first-level-warper">
                  <li class="navbar-overview city-guide">
                    <a href="javascript:;" class="navbar-btn"
                      ><i class="navbar-icon"></i><span>概况</span></a
                    >
                  </li>
                  <li class="navbar-line">
                    <a
                      href="./destination_detail.html?id=5e2ab4f48847000059006f11#travel"
                      class="navbar-btn"
                      ><i class="navbar-icon"></i><span>游记</span></a
                    >
                  </li>
                  <li class="navbar-line">
                    <a
                      href="./destination_detail.html?id=5e2ab4f48847000059006f11#strategy"
                      class="navbar-btn navbar-local"
                      ><i class="navbar-icon"></i><span>攻略</span></a
                    >
                  </li>
                  <li class="navbar-line">
                    <a href="javascript:;" class="navbar-btn navbar-sales"
                      ><i class="navbar-icon"></i><span>跟团游</span></a
                    >
                  </li>
                </ul>
                <div
                  class="overview-drop hide"
                  style="height: auto; overflow: hidden"
                >
                  <div class="drop-bd"></div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="pagelet-block">
          <div class="row row-local row-bg">
            <div class="wrapper">
              <h2 class="r-title">
                <a href="javascript:;" name="strategy">马鞍山攻略</a>
              </h2>
              <div class="local-pro">
                <ul class="clearfix"></ul>
              </div>
              <div class="r-more">
                <a href="./strategy_index.html" target="_blank">查看全部</a>
              </div>
            </div>
          </div>
        </div>
        <div class="pagelet-block">
          <div class="row row-travels">
            <div class="wrapper">
              <div class="navbar clearfix">
                <ul class="tn-nav">
                  <li class="active">
                    <h2 class="r-title">
                      <a href="javascript:;" name="travel">马鞍山游记</a>
                    </h2>
                  </li>
                </ul>
              </div>
              <div class="relcontent yj" style="display: block">
                <form id="travelForm">
                  <div class="navbar-sub clearfix">
                    排序：
                    <select name="orderType" class="com-opt">
                      <option value="1">最新</option>
                      <option value="2">最热</option>
                    </select>

                    人均花费：
                    <select name="perExpendType" class="com-opt">
                      <option value="-1">不限</option>
                      <option value="1">1-999</option>
                      <option value="2">1K-6K</option>
                      <option value="3">6K-20K</option>
                      <option value="4">20K以上</option>
                    </select>

                    出行天数：
                    <select name="dayType" class="com-opt">
                      <option value="-1">不限</option>
                      <option value="1">3天以下</option>
                      <option value="2">4-7天</option>
                      <option value="3">8-14天</option>
                      <option value="4">15天以上</option>
                    </select>
                  </div>
                </form>
                <div class="_notelist">
                  <div id="travelPage" class="tn-list">
                    <br /><br />
                    <div style="float: right">
                      <div style="float: left">
                        <span style="line-height: 30px">
                          共1页 / 0条&nbsp;&nbsp;&nbsp;</span
                        >
                      </div>
                      <div
                        id="pagination"
                        class="jq-pagination"
                        style="display: inline"
                      >
                        <a
                          class="prev disabled"
                          href="javascript:void(0);"
                          jp-role="prev"
                          jp-data="0"
                          >上一页</a
                        ><a
                          href="javascript:void(0);"
                          jp-role="page"
                          jp-data="1"
                          class="active"
                          >1</a
                        ><a
                          class="next disabled"
                          href="javascript:void(0);"
                          jp-role="next"
                          jp-data="2"
                          >下一页</a
                        ><a
                          class="last disabled"
                          href="javascript:void(0);"
                          jp-role="last"
                          jp-data="1"
                          >尾页</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="pagelet-block">
          <div class="row row-placeList">
            <div class="wrapper">
              <h2 class="r-title">马鞍山周边【拓展】</h2>
              <div class="bd">
                <ul class="clearfix">
                  <li class="item">
                    <div class="img">
                      <img
                        height="200"
                        width="320"
                        src="../assets/images/wKgB3FGMgSCAZo0qAAgGckFTqJA54.jpeg"
                        class="lazy"
                        style="display: inline"
                      />
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>香港</strong><br /><b>40576</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank"
                          >香港迪士尼乐园</a
                        >
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">太平山顶</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">香港海洋公园</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB3FECAVCANTk_AAWNVF8sjYw25.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>深圳</strong><br /><b>33108</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">东部华侨城</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">西涌海滩</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">世界之窗</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB6lP0VpCADPDPAAPICO-I-Iw57.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>珠海</strong><br /><b>17660</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank"
                          >珠海长隆海洋王国</a
                        >
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">外伶仃岛</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">情侣路</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB4lIlVk6AIMCDAAStueA6sSU73.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>惠州</strong><br /><b>7214</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">双月湾</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">巽寮湾</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">惠州西湖</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB6lRZ5s6ARJzuAAjCwdIPcK865.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>佛山</strong><br /><b>9649</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">顺德清晖园</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">佛山祖庙</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">岭南天地</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB3FIMRvaAdrjoAAGCmIetJvQ75.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>韶关</strong><br /><b>6248</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">丹霞山</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">广东大峡谷</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">南华禅寺</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB4lMO9uuAbh9fAAKP4vgV8Os70.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>东莞</strong><br /><b>10353</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">下坝坊</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">松山湖风景区</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">可园博物馆</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgB4lMNziCASS7YAADtzNGSAUU44.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>中山</strong><br /><b>8276</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank"
                          >孙中山故居纪念馆</a
                        >
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank"
                          >中山城-中山影视城</a
                        >
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">中山詹园</a>
                      </dd>
                    </dl>
                  </li>
                  <li class="item">
                    <div class="img">
                      <a href="javascript:;" target="_blank"
                        ><img
                          height="200"
                          width="320"
                          src="../assets/images/wKgBEFqTegaAGG-GAAgeDCxhmAQ61.jpeg"
                          class="lazy"
                          style="display: inline"
                      /></a>
                    </div>
                    <dl class="caption">
                      <dt>
                        <a href="javascript:;" target="_blank"
                          ><strong>肇庆</strong><br /><b>8276</b>人去过</a
                        >
                      </dt>
                      <dd>
                        <a href="javascript:;" target="_blank">肇庆大山</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">肇庆影视城</a>
                        <span class="divide"></span>
                        <a href="javascript:;" target="_blank">詹园</a>
                      </dd>
                    </dl>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { destinationsToastsApi } from "@/request/api";
export default {
  data() {
    return {
      toastList: [],
    };
  },
  async created() {
    let destId = this.$route.query.id;
    // console.log(destId);
    let res = await destinationsToastsApi({
      destId,
    });
    // console.log(res);
    this.toastList = res.data;
  },
};
</script>

<style lang="less" scoped>
@import "@/assets/css/select.css";
@import "@/assets/css/travelspot.css";
</style>
